<template>
  <layout>
    <template v-slot:sidebar>
      <sidebar />
    </template>
    <template v-slot:nav>
      <navbar />
    </template>
    <template v-slot:main>
      <main-content />
    </template>
  </layout>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import Layout from '@/layouts/index.vue'
import Sidebar from '@/components/Sidebar/index.vue'
import Navbar from '@/components/Nav/index.vue'
import MainContent from '@/layouts/components/Main.vue'

export default defineComponent({
  components: {
    Navbar,
    Layout,
    MainContent,
    Sidebar
  }
})
</script>
